var imgArr =
	[ 'audio-stop.png',
		'audio.png',
		'btn-java.png',
		'btn-pse.png',
		'btn-ra.png',
		'btn-sys.png',
		'hand-l.png',
		'loading.gif',
		'logo.png',
		'page01-bg-clip.jpg',
		'page01-main.png',
		'page01-txt.png',
		'page02-bg-clip.jpg',
		'page02-header.png',
		'page03-bg-clip.jpg',
		'page03-img-l.png',
		'page03-img-r.png',
		'page03-tip-last.png',
		'page03-tip01.png',
		'page03-tip02.png',
		'page03-tip03.png',
		'page03-tip04.png',
		'page03-tip05.png',
		'page03-tit-all.png',
		'page04-bg-clip.jpg',
		'page04-box01-tit.jpg',
		'page04-box01-txt.png',
		'page04-box02-tit.jpg',
		'page04-box02-txt.png',
		'page04-box03-tit.jpg',
		'page04-box03-txt.png',
		'page04-box04-tit.jpg',
		'page04-box04-txt.png',
		'page05-bg-all.jpg',
		'page05-box01.png',
		'page05-box02.png',
		'page05-box03.png',
		'page05-box04.png',
		'page05-tit.png',
		'page06-bg-clip.jpg',
		'page06-header-inner.png',
		'page06-rowbox.png',
		'page06-tip01.png',
		'page06-tip02.png',
		'page07-bg-all.jpg',
		'page07-btntxt.png',
		'page07-img-rb.png',
		'page07-txt.png',
		'page4-btm.gif',
		'tap.png',
		'wechat.jpg' ];
var strMain =
	`
		
	<div class="swiper-wrapper">
		<div class="swiper-slide page page01">
			<div class="logo_line">
				<div class="logo"></div>
			</div>
			<div class="header_line">
				<div class="header">
					<img src="img/page01-main.png" alt=""
					     swiper-animate-effect="fadeInDown"
					     swiper-animate-duration="1.5s"
					     swiper-animate-delay="0s"
					     class="ani header-img"
					>
				</div>
			</div>
			<div class="footer_line">
				<i class="head head_l ani"
				   swiper-animate-effect="bounceInLeft"
				   swiper-animate-duration="0.5s"
				   swiper-animate-delay="1s"
				></i>
				<div class="tit ani"
				     swiper-animate-effect="bounceIn"
				     swiper-animate-duration="0.5s"
				     swiper-animate-delay="1.3s"
				></div>
				<i class="head head_r ani"
				   swiper-animate-effect="bounceInRighthand"
				   swiper-animate-duration="0.5s"
				   swiper-animate-delay="1s"
				></i>
			</div>
		</div>
		<div class="swiper-slide page page02">
			<div class="header">
				<img src="img/page02-header.png" alt="" class="ani"
				     swiper-animate-effect="fadeInDown"
				     swiper-animate-duration="1s"
				     swiper-animate-delay="0s"
				>
			</div>

			<div class="content">
				<div class="box_btn">
					<!--<i class="icon-tap ani"-->
					   <!--swiper-animate-effect="flashfast"-->
					   <!--swiper-animate-duration="1.8s"-->
					   <!--swiper-animate-delay="1.5s"-->
					<!--&gt;</i>-->
					<div class="pop-cloud ani"
					     swiper-animate-effect="fadeIn"
					     swiper-animate-duration="0.6s"
					     swiper-animate-delay="1.4s"
					>
						<span class="txt">
							点我了解详情
						</span>
					</div>
					<span class="btn btn-1 ani"
						data-tit="java开发工程师"
						data-index="0"
						swiper-animate-effect="fadeIn"
						swiper-animate-duration="0.6s"
						swiper-animate-delay="0.3s"
					>
						<img src="img/btn-java.png" alt="">

					</span>
					<span class="btn btn-2 ani"
					      data-tit="需求分析师"
					      data-index="1"
					      swiper-animate-effect="fadeIn"
					      swiper-animate-duration="0.6s"
					      swiper-animate-delay="0.6s"
					>
						<img src="img/btn-ra.png" alt="">
					</span>
					<span class="btn btn-3 ani"
					      data-tit="销售"
					      data-index="2"
					      swiper-animate-effect="fadeIn"
					      swiper-animate-duration="0.6s"
					      swiper-animate-delay="0.9s"
					>
						<img src="img/btn-pse.png" alt="">
					</span>
					<span class="btn btn-4 ani"
					      data-tit="系统工程师"
					      data-index="3"
					      swiper-animate-effect="fadeIn"
					      swiper-animate-duration="0.6s"
					      swiper-animate-delay="1.2s"
					>
						<img src="img/btn-sys.png" alt="">
					</span>
				</div>
				<div class="box_pop ani"
				     swiper-animate-effect="fadeInUpBig"
				     swiper-animate-duration="0.6s"
				     swiper-animate-delay="0s"
				>
					<p class="tit"></p>
					<i class="close_btn"></i>
					<div class="txt_wrapper">
						<p class="txt">
							<span>1 基本独立工作，不须具体指导</span>
							<span>2 可以胜任复杂度一般的应用软件的分析、
								设计、编码、测试与文档书写的工作；</span>
							<span>3 开发复杂的原型系统；</span>
							<span>4 指导低职级的员工，并能够带领小组成员
								进行分析、设计、编码、测试与文档书写
								的工作。</span>
						</p>
						<p class="txt">
							<span>1 负责组织、开展需求访谈和需求调研工作，完成相关产品及项目的需求获取、需求调研、业务分析、需求变更和需求流程改进等工作；</span>
							<span>2 对创新业务进行规划、抽象及建模；</span>
							<span>3 协调需求的利益相关者，明确需求的定义；</span>
							<span>4 负责业务需求范围控制，承担项目需求周期内的需求跟踪分析；</span>
							<span>5 撰写相关文档包括但不限于网站、产品、项目的策划文案及需求说明书等。</span>
						</p>
						<p class="txt">
							<span>1 撰写相关文档包括但不限于网站、产品、项目的策划文案及需求说明书等。</span>
							<span>2 协助客户经理维系好客户关系，与客户沟通交流过程中，通过业务或技术专业性取得客户认可，协助客户经理把大客户业务做深做广；</span>
							<span>3 协助客户经理提高客户满意度，负责向实施团队交接项目，并在项目实施过程中跟进客户满意度，及时向客户销售和公司反馈，并协助实施团队优化项目实施，提高客户满意度。</span>
						</p>
						<p class="txt">
							<span>1 熟悉linux系统；</span>
							<span>2 熟悉tomcat，websphere中间件安装和使用；</span>
							<span>3 熟悉基本网络原理和tcp/ip协议；</span>
							<span>4 熟悉nginx和apche的安装和使用；</span>
							<span>5 熟悉hadoop，zookeeper，redis安装和部署（或者其他大数据环境安装部署）；</span>
							<span>6 熟悉solrcloud和piwik环境搭建的优先；</span>
							<span>7 能编写基本shell脚本；</span>
							<span>8 熟悉oracle和mysql的安装部署。</span>
						</p>
					</div>
				</div>

			</div>
		</div>
		<div class="swiper-slide page page03">
			<div class="header">
				<img src="img/page03-tit-all.png" alt="" class="ani"
				     swiper-animate-effect="fadeInUp"
				     swiper-animate-duration="1s"
				     swiper-animate-delay="0s"
				>
			</div>
			<div class="content">
				<div class="tip tip1 ani"
				     swiper-animate-effect="fadeInUp"
				     swiper-animate-duration="1s"
				     swiper-animate-delay="0.5s"
				>
					<img src="img/page03-tip01.png" alt="">
				</div>
				<div class="tip tip2 ani"
				     swiper-animate-effect="fadeInUp"
				     swiper-animate-duration="1s"
				     swiper-animate-delay="1s"
				>
					<img src="img/page03-tip02.png" alt="">
				</div>
				<div class="tip tip3 ani"
				     swiper-animate-effect="fadeInUp"
				     swiper-animate-duration="1s"
				     swiper-animate-delay="1.5s"
				><img src="img/page03-tip03.png" alt=""></div>
				<div class="tip tip4 ani"
				     swiper-animate-effect="fadeInUp"
				     swiper-animate-duration="1s"
				     swiper-animate-delay="2s"
				><img src="img/page03-tip04.png" alt=""></div>
				<div class="tip tip5 ani"
				     swiper-animate-effect="fadeInUp"
				     swiper-animate-duration="1s"
				     swiper-animate-delay="2.5s"
				><img src="img/page03-tip05.png" alt=""></div>
			</div>
			<div class="footer">
				<img class="tip-last ani" src="img/page03-tip-last.png" alt=""
				     swiper-animate-effect="fadeInUp"
				     swiper-animate-duration="1s"
				     swiper-animate-delay="3s"
				>
				<img  class="img-l ani" src="img/page03-img-l.png" alt=""
				      swiper-animate-effect="fadeInUp"
				      swiper-animate-duration="1.3s"
				      swiper-animate-delay="4s"
				>
				<img class="img-r ani" src="img/page03-img-r.png" alt=""
				     swiper-animate-effect="zoomInSeal"
				     swiper-animate-duration="0.5s"
				     swiper-animate-delay="4.5s"
				>
			</div>
		</div>
		<div class="swiper-slide page page04">
			<div class="content">
				<div class="l">
					<div class="box-wrapper">
						<div class="box ani"
						     swiper-animate-effect="bounceInLeft"
						     swiper-animate-duration="0.5s"
						     swiper-animate-delay="0.5s"
						>
							<div class="tit tit-1">
								<img src="img/page04-box01-tit.jpg" alt="">
							</div>
							<div class="txt txt-1">
								<img src="img/page04-box01-txt.png" alt="">
							</div>
						</div>
						<div class="box ani"
						     swiper-animate-effect="bounceInLeft"
						     swiper-animate-duration="0.5s"
						     swiper-animate-delay="1.5s"
						>
							<div class="tit tit-2">
								<img src="img/page04-box03-tit.jpg" alt="">
							</div>
							<div class="txt txt-2"><img src="img/page04-box03-txt.png" alt=""></div>
						</div>
					</div>

				</div>
				<div class="r">
					<div class="box-wrapper">
						<div class="box ani"
						     swiper-animate-effect="bounceInRight"
						     swiper-animate-duration="0.5s"
						     swiper-animate-delay="1s"
						>
							<div class="tit tit-1"><img src="img/page04-box02-tit.jpg" alt=""></div>
							<div class="txt txt-1"><img src="img/page04-box02-txt.png" alt=""></div>
						</div>
						<div class="box ani"
						     swiper-animate-effect="bounceInRight"
						     swiper-animate-duration="0.5s"
						     swiper-animate-delay="2s"
						>
							<div class="tit tit-2"><img src="img/page04-box04-tit.jpg" alt=""></div>
							<div class="txt txt-2"><img src="img/page04-box04-txt.png" alt=""></div>
						</div>
					</div>

				</div>
			</div>
			<div class="footer">
				<img src="img/page4-btm.gif" alt=""
					class="ani ani-nohide"
					 swiper-animate-effect="rocketboom"
					 swiper-animate-duration="2s"
					 swiper-animate-delay="2.3s"
				>
			</div>
		</div>
		<div class="swiper-slide page page05">
			<div class="content">
				<div class="box box-1">
					<img class="ani" src="img/page05-box01.png" alt=""
					     swiper-animate-effect="zoomIn"
					     swiper-animate-duration="0.5s"
					     swiper-animate-delay="0s"
					>
					<img class="ani" src="img/page05-box02.png" alt=""
					     swiper-animate-effect="zoomIn"
					     swiper-animate-duration="0.5s"
					     swiper-animate-delay="0.6s"
					>
				</div>
				<div class="box box-2">
					<img src="img/page05-tit.png" alt="">
				</div>
				<div class="box box-3">
					<img class="ani" src="img/page05-box03.png" alt=""
					     swiper-animate-effect="zoomIn"
					     swiper-animate-duration="0.5s"
					     swiper-animate-delay="1.2s"
					>
					<img src="img/page05-box04.png" alt="" class="ani"
					     swiper-animate-effect="zoomIn"
					     swiper-animate-duration="0.5s"
					     swiper-animate-delay="1.8s"
					>
				</div>
			</div>
		</div>
		<div class="swiper-slide page page06">
			<div class="content">
				<div class="box box-1">
					<!--<img src="img/page06-header.png" alt="">-->
					<img src="img/page06-rowbox.png" alt=""
						class="rowbox ani ani-nohide"
						 swiper-animate-effect="turnAround"
					>
					<img src="img/page06-header-inner.png" alt=""
						class="inner"
					>
				</div>
				<div class="box box-2">
					<img class="img-wechat ani" src="img/wechat.jpg" alt=""
					     swiper-animate-effect="bounceIn"
					     swiper-animate-duration="1s"
					     swiper-animate-delay="0s"
					>
					<img class="img-txt01" src="img/page06-tip01.png" alt="">
					<a href="http://www.newstrength.cn" class="link">
						<img class="img-txt02" src="img/page06-tip02.png" alt="">
					</a>

				</div>
			</div>
		</div>
		<div class="swiper-slide page page07">
			<div class="box box-1">
				<img src="img/page07-txt.png" alt="">
			</div>
			<div class="box box-2">
				<input type="text" class="tip" placeholder="您的尊姓大名">
				<input type="text" class="tip" placeholder="请输入您的手机号码">
				<input type="text" class="tip" placeholder="请输入您的电子邮箱">
				<input type="text" class="tip" placeholder="应聘岗位">
				<a href="javascript:;" class="tip btn">
					<img src="img/page07-btntxt.png" alt="">
				</a>
			</div>
			<div class="box box-3">
				<img src="img/page07-img-rb.png" alt="">
			</div>
		</div>
	</div>
	<div class="swiper-button-next swiper-button-white flash"></div>
	`;
var strAudio =
	`
		<source src="audio/K-391-Solstice.min.mp3" type="audio/mp3" />
		<source src="audio/K-391-Solstice.min.ogg" type="audio/ogg" />
		您的浏览器不支持音频播放
	`